<template>
  <v-footer absolute padless app>
    <div class="footer-wrap text-title" >
      <div>
        {{ new Date().getFullYear() }} — 君 役
      </div>
      <div>
        <a href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2022010893号</a>
      </div>
    </div>
  </v-footer>
</template>

<script>
export default {
  name: "Footer",
  methods: {},
  data() {
    return {}
  }
}
</script>

<style scoped>
.footer-wrap a{
  text-decoration: none;
  color: black;
  font-size: 1rem;
}

.footer-wrap{
  width: 100%;
  text-align: center;
  background: url("../assets/img/footer-bj.jpg");
  animation: footerbj 20s infinite ease-in-out alternate;
}

@keyframes footerbj {
  0% {
    background-position-y: 30%;
  }
  100% {
    background-position-y: 100%;
  }
}
</style>